function App() {
  /*
    
表单动作（Form Action）：React 18 引入了对 HTML 表单 action 属性的函数支持，当表单提交时，会自动将表单数据（FormData 对象）
传递给 action 绑定的函数（这里是 formAction），无需手动绑定 onSubmit 事件或阻止默认行为。

FormData 对象：通过 formData.get('name') 可以直接获取表单中对应 name 属性的输入值，简化了数据收集过程。
    
    */
  const formAction = (formData) => {
    const name = formData.get("name");
    const email = formData.get("email");
    console.log("name", name);
    console.log("email", email);
  };
  return (
    <div>
      <form action={formAction}>
        <div>
          <label>姓名:</label>
          <input name="name" />
        </div>
        <div>
          <label>邮簟:</label>
          <input name="email" />
        </div>
        <button type="submit">提交</button>
      </form>
    </div>
  );
}
export default App;
